<template lang="">
    <div>
        <el-input<br/>          v-model="input2"<br/>          class="responsive-input"<br/>          placeholder="Type something"<br/>          :prefix-icon="Search"<br/>        />

import { Search } from '@element-plus/icons-vue'

Avatar

<el-input<br/>      v-model="input2"<br/>      style="max-width: 600px"<br/>      placeholder="Please input"<br/>    ><br/>      <template #append>.com</template><br/>    </el-input>

imgsrc: '/api-server/users/captcha',
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="">
    .xx {
	width: 368px;
	height: 38px;
	font-family: SourceHanSansSC-Bold;
	font-size: 40px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #090909;
}
.8 {
	width: 380px;
	height: 50px;
	background-color: #ffffff;
	border-radius: 5px;
	border: solid 2px #0f53c5;
}
. {
	width: 52px;
	height: 17px;
	font-family: SourceHanSansSC-Light;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #848484;
}
.9 {
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	border-radius: 3px;
	border: solid 1px #595858;
}
. {
	width: 72px;
	height: 17px;
	font-family: SourceHanSansSC-Light;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #716f6f;
}
.8 {
	width: 380px;
	height: 49px;
	background-color: #4285ec;
	border-radius: 5px;
}
. {
	width: 253px;
	height: 21px;
	font-family: SourceHanSansSC-Light;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #1b71be;
}

. .text-style-1 {
	font-family: SourceHanSansSC-Light;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #848484;
}
</style>